<%@ page  language="java" contentType="text/html; charset=UTF-8" %>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html > <!--<![endif]-->
<head>
    <meta http-equiv=content-type content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>用户登录</title>
    <link rel="stylesheet" href="${staticUrl}/css/bootstrap-3.0.css">
    <link rel="stylesheet" href="${staticUrl}/css/metro/metro.css">
    <link rel="stylesheet" href="${staticUrl}/css/font-awesome.css">
    <link rel="stylesheet" href="${staticUrl}/js/plugins/msgbox/jquery.msgbox.css">
</head>
<body>  

    <div class="lock-header">
        <!-- BEGIN LOGO -->
        <a class="center" id="logo" href="javascript:void(0)">
            <img class="center" alt="logo" src="${staticUrl}/img/logo.png">
        </a>
        <!-- END LOGO -->
    </div>
    <div class="login-wrap">
        <div class="metro single-size red">
            <div class="locked">
                <i class="icon-lock"></i>
                <span>登录</span>
            </div>
        </div>
        <div class="metro double-size green">
                <div class="input-append lock-input">
                    <input type="text" class="" placeholder="用户名" id="loginName" onkeydown="treatKeyEvent(event)">
                </div>
        </div>
        <div class="metro double-size yellow">
                <div class="input-append lock-input">
                    <input type="password" class="" placeholder="密码" id="loginPwd" onkeydown="treatKeyEvent(event)">
                </div>
        </div>
        <div class="metro single-size terques login">
                <button type="buttong" class="btn login-btn" onclick="javascript:if(FrmCheck()) submitLogin();" >
                    登录
                    <i class="icon-long-arrow-right"></i>
                </button>
        </div>        
        <div class="login-footer">             
        </div>
    </div>
 </body>
<script type="text/javascript" src="${staticUrl}/js/libs/jquery/jquery-1.8.3.min.js?v=${staticV}"></script>
<script type="text/javascript" src="${staticUrl}/js/libs/md5.js?v=${staticV}"></script>
<script type="text/javascript" src="${staticUrl}/js/plugins/msgbox/jquery.msgbox.min.js"></script>
<script type="text/javascript" src="${staticUrl}/js/login.js?v=${staticV}"></script>
<script type="text/javascript">
    var projectUrl ="${pageContext.request.contextPath}";
    $(function() {
        $("#loginName").focus();
    });
</script>

</html>